// 领取积分福利
<template>
  <van-popup :show="signShow" custom-style="border-radius: 18rpx;" z-index="1001" @close="signClose">
    <div class="popup_box">
      <div class="popup_top">领取成功，获得 <span>{{receive}}</span> 积分</div>
      <div class="popup_content">每日签到可得更多福利！</div>
      <button @tap="signClose" class="popup_button">知道了</button>
    </div>
  </van-popup>
</template>
<script>
export default {
  props: ["signShow","receive"],
  methods:{
    signClose(){
      this.$emit("signClose");
    }
  }
}
</script>
<style lang="less" scoped>
  .popup_box{
    width: 600rpx;
    height: 530rpx;
    background-color: #ffffff;
    direction: flex;
    justify-content: center;
    flex-direction: column;
    .popup_top{
      height: 130rpx;
      background-color: #FF563D;
      color: #ffffff;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 32rpx;
      font-weight: bold;
      span{
        font-size: 48rpx;
        margin: 0 10rpx;
      }
    }
    .popup_content{
      color: #333333;
      font-size: 32rpx;
      margin-top: 120rpx;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .popup_button{
      margin-top: 100rpx;
      background-color: #FF563D;
      color: #ffffff;
      font-size: 32rpx;
      height: 88rpx;
      width: 460rpx;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 50rpx;
    }
  }
</style>
